
  <!DOCTYPE html>
  <html lang="en"  >
  <head>
  <meta charset="utf-8">
  

  

  

  
  <script>window.icon_font = '4552607_tq6stt6tcg';window.clipboard_tips = {"success":"复制成功(*^▽^*)","fail":"复制失败 (ﾟ⊿ﾟ)ﾂ"};</script>
  
  
  <title>
    第一篇文章 |
    
    逝言Him
  </title>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin><link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Mulish:400,400italic,700,700italic%7CNoto%20Serif%20SC:400,400italic,700,700italic%7CUbuntu%20Mono:400,400italic,700,700italic&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Mulish:400,400italic,700,700italic%7CNoto%20Serif%20SC:400,400italic,700,700italic%7CUbuntu%20Mono:400,400italic,700,700italic&display=swap" media="print" onload="this.media&#x3D;&#39;all&#39;">
  
    <link rel="preload" href="//at.alicdn.com/t/c/font_4552607_tq6stt6tcg.woff2" as="font" type="font/woff2" crossorigin="anonymous">
  
  
<link rel="stylesheet" href="/css/loader.css">

  <meta name="description" content="Adobe After Effects 使用教程引言Adobe After Effects（简称AE）是一款功能强大的图形视频处理软件，广泛应用于影视后期制作、动画设计、特效合成等领域。它提供了丰富的工具和插件，让用户能够创造出令人惊叹的视觉效果。本教程将引导你了解AE的基本界面、工作流程以及一些常用功能。 一、安装与启动 下载与安装：首先，你需要从Adobe官网下载After Effects的安">
<meta property="og:type" content="article">
<meta property="og:title" content="第一篇文章">
<meta property="og:url" content="http://example.com/2024/07/09/%E7%AC%AC%E4%B8%80%E7%AF%87%E6%96%87%E7%AB%A0/index.html">
<meta property="og:site_name" content="逝言Him">
<meta property="og:description" content="Adobe After Effects 使用教程引言Adobe After Effects（简称AE）是一款功能强大的图形视频处理软件，广泛应用于影视后期制作、动画设计、特效合成等领域。它提供了丰富的工具和插件，让用户能够创造出令人惊叹的视觉效果。本教程将引导你了解AE的基本界面、工作流程以及一些常用功能。 一、安装与启动 下载与安装：首先，你需要从Adobe官网下载After Effects的安">
<meta property="og:locale" content="en_US">
<meta property="article:published_time" content="2024-07-09T10:40:38.000Z">
<meta property="article:modified_time" content="2024-07-09T10:45:29.968Z">
<meta property="article:author" content="John Doe">
<meta name="twitter:card" content="summary">
  
    <link rel="alternate" href="/atom.xml" title="逝言Him" type="application/atom+xml">
  
  
    <link rel="shortcut icon" href="/images/favicon.ico">
  
  
<link rel="stylesheet" href="/css/style.css">

  
<link rel="stylesheet" href="https://npm.webcache.cn/photoswipe@5.4.4/dist/photoswipe.css">

  
  
  
  
<script src="https://npm.webcache.cn/pace-js@1.2.4/pace.min.js"></script>

  
    
<link rel="stylesheet" href="https://npm.webcache.cn/wowjs@1.1.3/css/libs/animate.css">

    
<script src="https://npm.webcache.cn/wowjs@1.1.3/dist/wow.min.js"></script>

    <script>
      new WOW({
        offset: 0,
        mobile: true,
        live: false
      }).init();
    </script>
  
  
    <script src="/sw.js"></script>
  
<meta name="generator" content="Hexo 7.3.0"></head>

  <body>
    
  <div id='loader'>
    <div class="loading-left-bg loading-bg"></div>
    <div class="loading-right-bg loading-bg"></div>
    <div class="spinner-box">
      <div class="loading-taichi">
        <svg width="150" height="150" viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="https://www.w3.org/2000/svg" shape-rendering="geometricPrecision">
          <path d="M303.5 432A80 80 0 0 1 291.5 592A80 80 0 0 1 303.5 432z" fill="#ff6e6b" />
          <path d="M512 65A447 447 0 0 1 512 959L512 929A417 417 0 0 0 512 95A417 417 0 0 0 512 929L512 959A447 447 0 0 1 512 65z" fill="#fd0d00" />
          <path d="M512 95A417 417 0 0 1 929 512A208.5 208.5 0 0 1 720.5 720.5L720.5 592A80 80 0 0 0 720.5 432A80 80 0 0 0 720.5 592L720.5 720.5A208.5 208.5 0 0 1 512 512A208.5 208.5 0 0 0 303.5 303.5A208.5 208.5 0 0 0 95 512A417 417 0 0 1 512 95" fill="#fd0d00" />
        </svg>
      </div>
      <div class="loading-word">少女祈祷中...</div>
    </div>
  </div>
  </div>
  <script>
    var time = null;
    var startLoading = () => {
      time = Date.now();
      document.getElementById('loader').classList.remove("loading");
    }
    var endLoading = () => {
      if (!time) {
        document.body.style.overflow = 'auto';
        document.getElementById('loader').classList.add("loading");
      } else {
        if (Date.now() - time > 500) {
          time = null;
          document.body.style.overflow = 'auto';
          document.getElementById('loader').classList.add("loading");
        } else {
          setTimeout(endLoading, 500 - (Date.now() - time));
          time = null;
        }
      }
    }
    window.addEventListener('DOMContentLoaded', endLoading);
    document.getElementById('loader').addEventListener('click', endLoading);
  </script>

<div id="copy-tooltip" style="pointer-events: none; opacity: 0; transition: all 0.2s ease; position: fixed;top: 50%;left: 50%;z-index: 999;transform: translate(-50%, -50%);color: white;background: rgba(0, 0, 0, 0.5);padding: 10px 15px;border-radius: 10px;">
</div>

    <div id="container">
      <div id="wrap">
        <div id="header-nav">
  <nav id="main-nav">
    
      <span class="main-nav-link-wrap">
        <span class="main-nav-icon"></span>
        <a class="main-nav-link" href="/">Home</a>
      </span>
    
      <span class="main-nav-link-wrap">
        <span class="main-nav-icon"></span>
        <a class="main-nav-link" href="/archives">Archives</a>
      </span>
    
      <span class="main-nav-link-wrap">
        <span class="main-nav-icon"></span>
        <a class="main-nav-link" href="/about">About</a>
      </span>
    
      <span class="main-nav-link-wrap">
        <span class="main-nav-icon"></span>
        <a class="main-nav-link" href="/friend">Friend</a>
      </span>
    
    <a id="main-nav-toggle" class="nav-icon"></a>
  </nav>
  <nav id="sub-nav">
    
      <a id="nav-rss-link" class="nav-icon" href="/atom.xml" title="RSS Feed"></a>
    
    
    
  </nav>
</div>
<header id="header">
  
    
      <img fetchpriority="high" src="/images/banner.webp" alt="第一篇文章">
    
  
  <div id="header-outer" class="outer">
    <div id="header-title" class="inner">
      <div id="logo-wrap">
        
          
          
            <a href="/" id="logo">
              <h1>第一篇文章</h1>
            </a>
          
        
      </div>
      
        
        <h2 id="subtitle-wrap">
          
        </h2>
      
    </div>
  </div>
</header>

        <div id="content" class="outer">
          
          <section id="main"><article id="post-第一篇文章" class="h-entry article article-type-post" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
  <div class="article-inner">
    <div class="article-meta">
      <div class="article-date wow slideInLeft">
  <a href="/2024/07/09/%E7%AC%AC%E4%B8%80%E7%AF%87%E6%96%87%E7%AB%A0/" class="article-date-link">
    <time datetime="2024-07-09T10:40:38.000Z" itemprop="datePublished">2024-07-09</time>
  </a>
</div>

      

    </div>
    <div class="hr-line"></div>
    

    <div class="e-content article-entry" itemprop="articleBody">
      
        <h1 id="Adobe-After-Effects-使用教程"><a href="#Adobe-After-Effects-使用教程" class="headerlink" title="Adobe After Effects 使用教程"></a>Adobe After Effects 使用教程</h1><h2 id="引言"><a href="#引言" class="headerlink" title="引言"></a>引言</h2><p>Adobe After Effects（简称AE）是一款功能强大的图形视频处理软件，广泛应用于影视后期制作、动画设计、特效合成等领域。它提供了丰富的工具和插件，让用户能够创造出令人惊叹的视觉效果。本教程将引导你了解AE的基本界面、工作流程以及一些常用功能。</p>
<h2 id="一、安装与启动"><a href="#一、安装与启动" class="headerlink" title="一、安装与启动"></a>一、安装与启动</h2><ol>
<li><strong>下载与安装</strong>：首先，你需要从Adobe官网下载After Effects的安装包，并按照提示完成安装。</li>
<li><strong>启动软件</strong>：安装完成后，双击桌面上的After Effects图标启动软件。</li>
</ol>
<h2 id="二、基本界面介绍"><a href="#二、基本界面介绍" class="headerlink" title="二、基本界面介绍"></a>二、基本界面介绍</h2><h3 id="2-1-项目面板"><a href="#2-1-项目面板" class="headerlink" title="2.1 项目面板"></a>2.1 项目面板</h3><ul>
<li><strong>位置</strong>：位于界面的左侧，用于管理和组织项目中的所有文件（如视频、音频、图片等）。</li>
<li><strong>功能</strong>：导入素材、新建合成、创建文件夹以组织项目。</li>
</ul>
<h3 id="2-2-合成面板"><a href="#2-2-合成面板" class="headerlink" title="2.2 合成面板"></a>2.2 合成面板</h3><ul>
<li><strong>位置</strong>：界面中心区域，是编辑和预览视频的主要区域。</li>
<li><strong>功能</strong>：展示当前合成的内容，包括时间轴、图层列表和预览窗口。</li>
</ul>
<h3 id="2-3-时间轴面板"><a href="#2-3-时间轴面板" class="headerlink" title="2.3 时间轴面板"></a>2.3 时间轴面板</h3><ul>
<li><strong>位置</strong>：位于合成面板下方，显示所有图层及其在时间线上的排列。</li>
<li><strong>功能</strong>：调整图层顺序、设置关键帧、控制动画播放等。</li>
</ul>
<h3 id="2-4-工具面板"><a href="#2-4-工具面板" class="headerlink" title="2.4 工具面板"></a>2.4 工具面板</h3><ul>
<li><strong>位置</strong>：界面顶部，包含一系列用于选择和编辑图层的工具。</li>
<li><strong>常用工具</strong>：选择工具、旋转工具、缩放工具、位置工具等。</li>
</ul>
<h3 id="2-5-效果与预设面板"><a href="#2-5-效果与预设面板" class="headerlink" title="2.5 效果与预设面板"></a>2.5 效果与预设面板</h3><ul>
<li><strong>位置</strong>：通常通过窗口菜单打开，位于界面右侧。</li>
<li><strong>功能</strong>：浏览和应用各种视觉效果和预设，为作品增添特色。</li>
</ul>
<h2 id="三、基本工作流程"><a href="#三、基本工作流程" class="headerlink" title="三、基本工作流程"></a>三、基本工作流程</h2><h3 id="3-1-创建新项目与合成"><a href="#3-1-创建新项目与合成" class="headerlink" title="3.1 创建新项目与合成"></a>3.1 创建新项目与合成</h3><ol>
<li><strong>新建项目</strong>：启动AE后，选择“文件”&gt;“新建”&gt;“项目”来创建一个新项目。</li>
<li><strong>新建合成</strong>：在项目面板中，点击“新建合成”按钮，设置合成的分辨率、帧率和持续时间等参数。</li>
</ol>
<h3 id="3-2-导入素材"><a href="#3-2-导入素材" class="headerlink" title="3.2 导入素材"></a>3.2 导入素材</h3><ul>
<li>在项目面板中，点击“导入”&gt;“文件”来选择你要添加的素材文件。</li>
<li>素材将出现在项目面板中，你可以将它们拖拽到合成面板中进行编辑。</li>
</ul>
<h3 id="3-3-编辑图层"><a href="#3-3-编辑图层" class="headerlink" title="3.3 编辑图层"></a>3.3 编辑图层</h3><ul>
<li>使用工具面板中的工具选择图层，并在合成面板中调整其位置、大小、旋转等属性。</li>
<li>在时间轴面板中，为图层添加关键帧以创建动画效果。</li>
</ul>
<h3 id="3-4-应用效果"><a href="#3-4-应用效果" class="headerlink" title="3.4 应用效果"></a>3.4 应用效果</h3><ul>
<li>选中图层后，在效果与预设面板中浏览并应用所需的效果。</li>
<li>调整效果的参数以达到期望的视觉效果。</li>
</ul>
<h3 id="3-5-预览与导出"><a href="#3-5-预览与导出" class="headerlink" title="3.5 预览与导出"></a>3.5 预览与导出</h3><ul>
<li>使用合成面板中的预览窗口播放你的作品，检查动画和效果是否满意。</li>
<li>完成编辑后，选择“文件”&gt;“导出”&gt;“添加到渲染队列”来导出你的视频文件。</li>
</ul>
<h2 id="四、进阶技巧"><a href="#四、进阶技巧" class="headerlink" title="四、进阶技巧"></a>四、进阶技巧</h2><ul>
<li><strong>学习表达式</strong>：表达式是AE中强大的功能之一，允许你通过编写代码来控制图层的属性，实现复杂的动画效果。</li>
<li><strong>掌握插件</strong>：AE拥有丰富的插件生态，掌握一些常用的插件可以大大提高你的工作效率和创作能力。</li>
<li><strong>观看教程与实践</strong>：通过观看专业的教程和不断的实践，你可以更快地掌握AE的各项功能和技巧。</li>
</ul>
<h2 id="五、总结"><a href="#五、总结" class="headerlink" title="五、总结"></a>五、总结</h2><p>Adobe After Effects是一款功能强大且复杂的软件，但通过上述的基础教程，你应该能够对其有一个初步的了解，并开始进行简单的视频编辑和特效制作。随着你对AE的深入学习和实践，你将能够创作出更加精彩和专业的作品。</p>

      
    </div>
    <footer class="article-footer">
      
      
      
      
      
      
      

    </footer>
  </div>
  
    
  <nav id="article-nav" class="wow fadeInUp">
    
    
    <div class="article-nav-link-wrap article-nav-link-right">
      
        
        
          <img data-src="/images/banner.webp" data-sizes="auto" alt="Hello World" class="lazyload">
        
      
      <a href="/2024/07/09/hello-world/"></a>
      <div class="article-nav-caption">Older</div>
      <h3 class="article-nav-title">
        
          Hello World
        
      </h3>
    </div>
    
  </nav>


  
</article>






</section>
          
            <aside id="sidebar">
  <div class="sidebar-wrap wow fadeInRight wrap-sticky">
    
      <div class="sidebar-toc-sidebar"><div class="sidebar-toc">
  <h3 class="toc-title">Contents</h3>
  <div class="sidebar-toc-wrapper toc-div-class" >
      
        <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#Adobe-After-Effects-%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B"><span class="toc-number">1.</span> <span class="toc-text">Adobe After Effects 使用教程</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%BC%95%E8%A8%80"><span class="toc-number">1.1.</span> <span class="toc-text">引言</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%B8%80%E3%80%81%E5%AE%89%E8%A3%85%E4%B8%8E%E5%90%AF%E5%8A%A8"><span class="toc-number">1.2.</span> <span class="toc-text">一、安装与启动</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%BA%8C%E3%80%81%E5%9F%BA%E6%9C%AC%E7%95%8C%E9%9D%A2%E4%BB%8B%E7%BB%8D"><span class="toc-number">1.3.</span> <span class="toc-text">二、基本界面介绍</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#2-1-%E9%A1%B9%E7%9B%AE%E9%9D%A2%E6%9D%BF"><span class="toc-number">1.3.1.</span> <span class="toc-text">2.1 项目面板</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-2-%E5%90%88%E6%88%90%E9%9D%A2%E6%9D%BF"><span class="toc-number">1.3.2.</span> <span class="toc-text">2.2 合成面板</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-3-%E6%97%B6%E9%97%B4%E8%BD%B4%E9%9D%A2%E6%9D%BF"><span class="toc-number">1.3.3.</span> <span class="toc-text">2.3 时间轴面板</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-4-%E5%B7%A5%E5%85%B7%E9%9D%A2%E6%9D%BF"><span class="toc-number">1.3.4.</span> <span class="toc-text">2.4 工具面板</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-5-%E6%95%88%E6%9E%9C%E4%B8%8E%E9%A2%84%E8%AE%BE%E9%9D%A2%E6%9D%BF"><span class="toc-number">1.3.5.</span> <span class="toc-text">2.5 效果与预设面板</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%B8%89%E3%80%81%E5%9F%BA%E6%9C%AC%E5%B7%A5%E4%BD%9C%E6%B5%81%E7%A8%8B"><span class="toc-number">1.4.</span> <span class="toc-text">三、基本工作流程</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#3-1-%E5%88%9B%E5%BB%BA%E6%96%B0%E9%A1%B9%E7%9B%AE%E4%B8%8E%E5%90%88%E6%88%90"><span class="toc-number">1.4.1.</span> <span class="toc-text">3.1 创建新项目与合成</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3-2-%E5%AF%BC%E5%85%A5%E7%B4%A0%E6%9D%90"><span class="toc-number">1.4.2.</span> <span class="toc-text">3.2 导入素材</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3-3-%E7%BC%96%E8%BE%91%E5%9B%BE%E5%B1%82"><span class="toc-number">1.4.3.</span> <span class="toc-text">3.3 编辑图层</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3-4-%E5%BA%94%E7%94%A8%E6%95%88%E6%9E%9C"><span class="toc-number">1.4.4.</span> <span class="toc-text">3.4 应用效果</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3-5-%E9%A2%84%E8%A7%88%E4%B8%8E%E5%AF%BC%E5%87%BA"><span class="toc-number">1.4.5.</span> <span class="toc-text">3.5 预览与导出</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%9B%9B%E3%80%81%E8%BF%9B%E9%98%B6%E6%8A%80%E5%B7%A7"><span class="toc-number">1.5.</span> <span class="toc-text">四、进阶技巧</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%BA%94%E3%80%81%E6%80%BB%E7%BB%93"><span class="toc-number">1.6.</span> <span class="toc-text">五、总结</span></a></li></ol></li></ol>
      
  </div>
</div>
</div>
      <div class="sidebar-common-sidebar hidden"><div class="sidebar-author">
  <img data-src="/avatar/avatar.webp" data-sizes="auto" alt="John Doe" class="lazyload">
  <div class="sidebar-author-name">John Doe</div>
  <div class="sidebar-description"></div>
</div>
<div class="sidebar-state">
  <div class="sidebar-state-article">
    <div>Posts</div>
    <div class="sidebar-state-number">2</div>
  </div>
  <div class="sidebar-state-category">
    <div>Categories</div>
    <div class="sidebar-state-number">0</div>
  </div>
  <div class="sidebar-state-tag">
    <div>Tags</div>
    <div class="sidebar-state-number">0</div>
  </div>
</div>
<div class="sidebar-social">
  
</div>
<div class="sidebar-menu">
  
    <div class="sidebar-menu-link-wrap">
      <a class="sidebar-menu-link-dummy" href="/" aria-label="Home"></a>
      <span class="sidebar-menu-icon"></span>
      <div class="sidebar-menu-link">Home</div>
    </div>
  
    <div class="sidebar-menu-link-wrap">
      <a class="sidebar-menu-link-dummy" href="/archives" aria-label="Archives"></a>
      <span class="sidebar-menu-icon"></span>
      <div class="sidebar-menu-link">Archives</div>
    </div>
  
    <div class="sidebar-menu-link-wrap">
      <a class="sidebar-menu-link-dummy" href="/about" aria-label="About"></a>
      <span class="sidebar-menu-icon"></span>
      <div class="sidebar-menu-link">About</div>
    </div>
  
    <div class="sidebar-menu-link-wrap">
      <a class="sidebar-menu-link-dummy" href="/friend" aria-label="Friend"></a>
      <span class="sidebar-menu-icon"></span>
      <div class="sidebar-menu-link">Friend</div>
    </div>
  
</div>
</div>
    
    
      <div class="sidebar-btn-wrapper" style="position:static">
        <div class="sidebar-toc-btn current"></div>
        <div class="sidebar-common-btn"></div>
      </div>
    
  </div>

  
</aside>

          
        </div>
        <footer id="footer" class="wow fadeInUp">
  <div style="width: 100%; overflow: hidden">
    <div class="footer-line"></div>
  </div>
  <div class="outer">
    <div id="footer-info" class="inner">
      
      <div>
        <span class="icon-copyright"></span>
        2020-2024
        <span class="footer-info-sep"></span>
        John Doe
      </div>
      
        <div>
          Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>&nbsp;
          Theme.<a href="https://github.com/D-Sketon/hexo-theme-reimu" target="_blank">Reimu</a>
        </div>
      
      
        <div>
          <span class="icon-brush"></span>
          1k
          &nbsp;|&nbsp;
          <span class="icon-coffee"></span>
          00:04
        </div>
      
      
        <div>
          <span class="icon-eye"></span>
          <span id="busuanzi_container_site_pv">Number of visits&nbsp;<span id="busuanzi_value_site_pv"></span></span>
          &nbsp;|&nbsp;
          <span class="icon-user"></span>
          <span id="busuanzi_container_site_uv">Number of visitors&nbsp;<span id="busuanzi_value_site_uv"></span></span>
        </div>
      
    </div>
  </div>
</footer>

        <div class="sidebar-top">
          <img src="/images/taichi.png" height="50" width="50" alt="backtop" />
          <div class="arrow-up"></div>
        </div>
        <div id="mask"></div>
      </div>
      <nav id="mobile-nav">
  <div class="sidebar-wrap">
    
      <div class="sidebar-toc-sidebar"><div class="sidebar-toc">
  <h3 class="toc-title">Contents</h3>
  <div class="sidebar-toc-wrapper toc-div-class" >
      
        <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#Adobe-After-Effects-%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B"><span class="toc-number">1.</span> <span class="toc-text">Adobe After Effects 使用教程</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%BC%95%E8%A8%80"><span class="toc-number">1.1.</span> <span class="toc-text">引言</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%B8%80%E3%80%81%E5%AE%89%E8%A3%85%E4%B8%8E%E5%90%AF%E5%8A%A8"><span class="toc-number">1.2.</span> <span class="toc-text">一、安装与启动</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%BA%8C%E3%80%81%E5%9F%BA%E6%9C%AC%E7%95%8C%E9%9D%A2%E4%BB%8B%E7%BB%8D"><span class="toc-number">1.3.</span> <span class="toc-text">二、基本界面介绍</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#2-1-%E9%A1%B9%E7%9B%AE%E9%9D%A2%E6%9D%BF"><span class="toc-number">1.3.1.</span> <span class="toc-text">2.1 项目面板</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-2-%E5%90%88%E6%88%90%E9%9D%A2%E6%9D%BF"><span class="toc-number">1.3.2.</span> <span class="toc-text">2.2 合成面板</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-3-%E6%97%B6%E9%97%B4%E8%BD%B4%E9%9D%A2%E6%9D%BF"><span class="toc-number">1.3.3.</span> <span class="toc-text">2.3 时间轴面板</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-4-%E5%B7%A5%E5%85%B7%E9%9D%A2%E6%9D%BF"><span class="toc-number">1.3.4.</span> <span class="toc-text">2.4 工具面板</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-5-%E6%95%88%E6%9E%9C%E4%B8%8E%E9%A2%84%E8%AE%BE%E9%9D%A2%E6%9D%BF"><span class="toc-number">1.3.5.</span> <span class="toc-text">2.5 效果与预设面板</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%B8%89%E3%80%81%E5%9F%BA%E6%9C%AC%E5%B7%A5%E4%BD%9C%E6%B5%81%E7%A8%8B"><span class="toc-number">1.4.</span> <span class="toc-text">三、基本工作流程</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#3-1-%E5%88%9B%E5%BB%BA%E6%96%B0%E9%A1%B9%E7%9B%AE%E4%B8%8E%E5%90%88%E6%88%90"><span class="toc-number">1.4.1.</span> <span class="toc-text">3.1 创建新项目与合成</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3-2-%E5%AF%BC%E5%85%A5%E7%B4%A0%E6%9D%90"><span class="toc-number">1.4.2.</span> <span class="toc-text">3.2 导入素材</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3-3-%E7%BC%96%E8%BE%91%E5%9B%BE%E5%B1%82"><span class="toc-number">1.4.3.</span> <span class="toc-text">3.3 编辑图层</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3-4-%E5%BA%94%E7%94%A8%E6%95%88%E6%9E%9C"><span class="toc-number">1.4.4.</span> <span class="toc-text">3.4 应用效果</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3-5-%E9%A2%84%E8%A7%88%E4%B8%8E%E5%AF%BC%E5%87%BA"><span class="toc-number">1.4.5.</span> <span class="toc-text">3.5 预览与导出</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%9B%9B%E3%80%81%E8%BF%9B%E9%98%B6%E6%8A%80%E5%B7%A7"><span class="toc-number">1.5.</span> <span class="toc-text">四、进阶技巧</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%BA%94%E3%80%81%E6%80%BB%E7%BB%93"><span class="toc-number">1.6.</span> <span class="toc-text">五、总结</span></a></li></ol></li></ol>
      
  </div>
</div>
</div>
      <div class="sidebar-common-sidebar hidden"><div class="sidebar-author">
  <img data-src="/avatar/avatar.webp" data-sizes="auto" alt="John Doe" class="lazyload">
  <div class="sidebar-author-name">John Doe</div>
  <div class="sidebar-description"></div>
</div>
<div class="sidebar-state">
  <div class="sidebar-state-article">
    <div>Posts</div>
    <div class="sidebar-state-number">2</div>
  </div>
  <div class="sidebar-state-category">
    <div>Categories</div>
    <div class="sidebar-state-number">0</div>
  </div>
  <div class="sidebar-state-tag">
    <div>Tags</div>
    <div class="sidebar-state-number">0</div>
  </div>
</div>
<div class="sidebar-social">
  
</div>
<div class="sidebar-menu">
  
    <div class="sidebar-menu-link-wrap">
      <a class="sidebar-menu-link-dummy" href="/" aria-label="Home"></a>
      <span class="sidebar-menu-icon"></span>
      <div class="sidebar-menu-link">Home</div>
    </div>
  
    <div class="sidebar-menu-link-wrap">
      <a class="sidebar-menu-link-dummy" href="/archives" aria-label="Archives"></a>
      <span class="sidebar-menu-icon"></span>
      <div class="sidebar-menu-link">Archives</div>
    </div>
  
    <div class="sidebar-menu-link-wrap">
      <a class="sidebar-menu-link-dummy" href="/about" aria-label="About"></a>
      <span class="sidebar-menu-icon"></span>
      <div class="sidebar-menu-link">About</div>
    </div>
  
    <div class="sidebar-menu-link-wrap">
      <a class="sidebar-menu-link-dummy" href="/friend" aria-label="Friend"></a>
      <span class="sidebar-menu-icon"></span>
      <div class="sidebar-menu-link">Friend</div>
    </div>
  
</div>
</div>
    
  </div>
  
    <div class="sidebar-btn-wrapper">
      <div class="sidebar-toc-btn current"></div>
      <div class="sidebar-common-btn"></div>
    </div>
  
</nav>

    </div>
    <div class="site-search">
      <div class="reimu-popup popup">
        <div class="reimu-search">
          <span class="reimu-search-input-icon"></span>
          <div class="reimu-search-input" id="reimu-search-input"></div>
        </div>
        <div class="reimu-results">
          <div id="reimu-stats"></div>
          <div id="reimu-hits"></div>
          <div id="reimu-pagination" class="reimu-pagination"></div>
        </div>
        <span class="popup-btn-close"></span>
      </div>
    </div>
    
<script src="https://npm.webcache.cn/lazysizes@5.3.2/lazysizes.min.js"></script>


<script src="https://npm.webcache.cn/clipboard@2.0.11/dist/clipboard.min.js"></script>



<script src="/js/script.js"></script>



<script src="/js/pjax_script.js" data-pjax></script>


<script type="module" data-pjax>
  import PhotoSwipeLightbox from "https://npm.webcache.cn/photoswipe@5.4.4/dist/photoswipe-lightbox.esm.js";
  
  const pswp = () => {
    if (_$$('.article-entry a.article-gallery-item').length > 0) {
      new PhotoSwipeLightbox({
        gallery: '.article-entry',
        children: 'a.article-gallery-item',
        pswpModule: () => import("https://npm.webcache.cn/photoswipe@5.4.4/dist/photoswipe.esm.js")
      }).init();
    }
    if(_$$('.article-gallery a.article-gallery-item').length > 0) {
      new PhotoSwipeLightbox({
        gallery: '.article-gallery',
        children: 'a.article-gallery-item',
        pswpModule: () => import("https://npm.webcache.cn/photoswipe@5.4.4/dist/photoswipe.esm.js")
      }).init();
    }
    window.lightboxStatus = 'done';
    window.removeEventListener('lightbox:ready', pswp);
  }
  if(window.lightboxStatus === 'ready') {
    pswp()
  } else {
    window.addEventListener('lightbox:ready', pswp);
  }
</script>
















  
<script src="https://npm.webcache.cn/mouse-firework@0.0.4/dist/index.umd.js"></script>

  <script>
    firework(JSON.parse('{"excludeElements":["a","button"],"particles":[{"shape":"circle","move":["emit"],"easing":"easeOutExpo","colors":["#ff5252","#ff7c7c","#ffafaf","#ffd0d0"],"number":20,"duration":[1200,1800],"shapeOptions":{"radius":[16,32],"alpha":[0.3,0.5]}},{"shape":"circle","move":["diffuse"],"easing":"easeOutExpo","colors":["#ff0000"],"number":1,"duration":[1200,1800],"shapeOptions":{"radius":20,"alpha":[0.2,0.5],"lineWidth":6}}]}'))
  </script>






<div id="lazy-script">
  <div>
    
  </div>
</div>


  <script>
    console.log(String.raw`%c 
 ______     ______     __     __    __     __  __    
/\  == \   /\  ___\   /\ \   /\ "-./  \   /\ \/\ \   
\ \  __<   \ \  __\   \ \ \  \ \ \-./\ \  \ \ \_\ \  
 \ \_\ \_\  \ \_____\  \ \_\  \ \_\ \ \_\  \ \_____\ 
  \/_/ /_/   \/_____/   \/_/   \/_/  \/_/   \/_____/ 
                                                  
`,'color: #ff5252;')
    console.log('%c Theme.Reimu v' + '0.2.0' + ' %c https://github.com/D-Sketon/hexo-theme-reimu ', 'color: white; background: #ff5252; padding:5px 0;', 'padding:4px;border:1px solid #ff5252;')
  </script>
  


  
<script src="https://npm.webcache.cn/busuanzi@2.3.0/bsz.pure.mini.js" async></script>


  <!-- hexo injector body_end start -->
<script src="/js/insert_highlight.js" data-pjax></script>
<!-- hexo injector body_end end --></body>
  </html>

